import { SafeAreaView, StatusBar, useColorScheme } from 'react-native'
import { Colors } from 'react-native/Libraries/NewAppScreen'
// import { Provider } from 'react-redux'
// import store from './src/store'
import AppRoutes from './src/router'

export default function App(): JSX.Element {
    const isDarkMode = useColorScheme() === 'dark'

    const backgroundStyle = {
        flex: 1,
        backgroundColor: isDarkMode ? Colors.darker : Colors.lighter
    }

    return (
        // <Provider store={store}>
        <SafeAreaView style={backgroundStyle}>
            <StatusBar translucent={true} backgroundColor={'transparent'} barStyle={isDarkMode ? Colors.darker : Colors.lighter} />
            <AppRoutes />
        </SafeAreaView>
        // </Provider>
    )
}
